import React, { Component } from 'react'
import { Layout, Pagination } from 'antd';
import style from './MyCollections.module.less'




const { Content } = Layout;

export default class MyCollections extends Component {
    state = {
        current: 1
    }
    onChange = (pageNumber) => {
        console.log('Page: ', pageNumber);
        this.setState({
            current: pageNumber
        })
    };
    render() {
        const { set } = this.props
        return (
            <Layout
                style={{
                    padding: '0 24px 24px',
                }}
            >

                <p style={{
                    margin: '16px 0',
                }}>{set}</p>
                <Content
                    style={{
                        padding: 24,
                        margin: 0,
                        minHeight: 280,
                        background: 'white',
                    }}
                >
                    <div className={style.box}>
                        <div className={style.Collections}>
                            <ul>
                                <li>
                                    <div className={style.img}></div>
                                    <div className={style.item}>
                                        <h3>测试11</h3>
                                        <p className={style.text}>文本内容文本内容文本内容文本内容,文本内容文本内容文本内容</p>
                                        <a>作者：<p>admin</p></a>
                                        <p className={style.date}>日期：2023-05-23</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div className={style.pages}>
                            <Pagination current={this.state.current} onChange={this.onChange} total={1} />
                        </div>
                    </div>
                </Content>
            </Layout>
        )
    }
}
